// @ts-ignore
import {
  BorderBox1,
  BorderBox10,
  BorderBox11,
  BorderBox12,
  BorderBox2,
  BorderBox3,
  BorderBox4,
  BorderBox5,
  BorderBox6,
  BorderBox7,
  BorderBox8,
  BorderBox9,
  Decoration1,
  Decoration10,
  Decoration11,
  Decoration12,
  Decoration2,
  Decoration3,
  Decoration4,
  Decoration5,
  Decoration6,
  Decoration7,
  Decoration8,
  Decoration9,
  waterLevelPond,
} from '@jiaminghi/data-view-react';
import React from 'react';
import './DataV.less';

const ColumnCharts: React.FC = () => {
  return (
    <div className="flex">
      <div className="width-300">
        {/* 线条 */}
        <Decoration1 className="h-10" color="#000"></Decoration1>
        <Decoration2 className="h-10"></Decoration2>
        <Decoration3 className="h-10"></Decoration3>
        <Decoration4 className="h-10"></Decoration4>
        <Decoration5 className="h-10"></Decoration5>
        <Decoration6 className="h-10"></Decoration6>
        <Decoration7 className="h-10"></Decoration7>
        <Decoration8 className="h-10"></Decoration8>
        <Decoration9 className="h-10"></Decoration9>
        <Decoration10 className="h-10"></Decoration10>
        <Decoration11 className="h-10"></Decoration11>
        <Decoration12 className="h-10"></Decoration12>
      </div>
      <div className="width-300">
        {/* 边框 */}
        <BorderBox1 className="h-100" color={['#fff', '#fff']}></BorderBox1>
        <BorderBox2 className="h-100"></BorderBox2>
        <BorderBox3 className="h-100"></BorderBox3>
        <BorderBox4 className="h-100" color={['#fff', '#fff']}></BorderBox4>
        <BorderBox5 className="h-100"></BorderBox5>
        <BorderBox6 className="h-100"></BorderBox6>
        <BorderBox7 className="h-100"></BorderBox7>
        <BorderBox8 className="h-100"></BorderBox8>
        <BorderBox9 className="h-100"></BorderBox9>
        <BorderBox10 className="h-100"></BorderBox10>
        <BorderBox11 className="h-100"></BorderBox11>
        <BorderBox12 className="h-100"></BorderBox12>
      </div>
    </div>
  );
};
export default ColumnCharts;
